<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>横向表单</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body {
            padding: 20px;
        }

    </style>
</head>
<body>
<div class="container">
    <form action="#" class="form-horizontal">
        <div class="form-group">
            <span class="col-sm-2 text-center">姓名：</span>
            <div class="col-sm-10">
                <input class="form-control " type="text" placeholder="请输入你的姓名"/>
            </div>
        </div>
        <div class="form-group">
            <span class="col-sm-2 text-center"> 邮箱：</span>
            <div class="col-sm-10">
                <input class="form-control" type="email" placeholder="请输入你的邮箱"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-4 col-sm-4" >
                <input class=" form-control " type="submit" 提交/>
            </div>
        </div>
    </form>

</div>


</body>
</html>